*{padding: 0;margin: 0;box-sizing: border-box;}
a{text-decoration: none;}

body{background: #fdfbfe;overflow: hidden;}
.g-wrap{width: 1000px;margin: 40px auto;overflow: hidden;}
.g-header{overflow: hidden;}
.g-header .logo{float: left;width: 250px;    height: 53px;}
.g-header .logo img{max-width: 250px;    height: 53px;}
.g-header .r{float: right;width: 445px;height: 28px;text-align: right;}
.g-header .r img{max-width:445px ;}  

.login{width: 300px;margin-top: 44px; float: right;font-size: 12px;}
.form-top-tip{overflow: hidden;}
.form-top-tip a{display: block;float: right;width: 100px;font-size: 12px;color:#f10180 ;text-align: right;}
.form-top-tip span{display: block;float: left;width: 100px;}
.form .group{overflow: hidden;margin-top: 10px;}
.form .group label{display: inline-block;float: left;width: 60px;font-size: 12px;color:#f10180 ;}
.form .group input{float: left;width: calc(100% - 70px);border-radius: 5px;border: 1px solid #ddd;padding: 5px  0;padding-left: 10px;}
.form a{color: #3cbdff;}
.form .group .check{width: calc(100% - 180px);}
.form .group .checkbtn{width: 100px;margin-left: 10px;    color: #e00078;
background-color: #fcedf2;border: 1px solid #ffbee0;text-align: center;    padding-left: 0;cursor: pointer;}
.form .group .checkbtn:disabled{background: #ddd;color: #908787;border: 0;}
.form .submit{display: block;margin-top: 10px;width:100%;text-align: center;padding: 10px 0;
background-color: #f10180;border: 1px solid #f10180;color: #fff;border-radius: 5px;}

@media only screen and (min-width: 600px) and (max-width: 1000px) {
	.g-header{padding: 0 20px;}
	.g-header .r{width: 315px;}
	.g-wrap{width: 100%;}
	.g-header .logo{width: 100px;}
	.g-header .logo img{max-width: 100px;}
	.g-header .r{width: calc(100% - 100px);}
}
@media only screen and (min-width: 100px) and (max-width: 600px) {
	.g-wrap{width: 100%;}
	.g-header .logo{float: none;}
	.g-header .r{float: none;}
	.g-header .r{width: 100%;text-align: left;}
	.g-header .r img{max-width:100% ;} 
	.login{float: none;margin: 20px auto;}
}

